
%border-bottom{
  border-bottom: 1px solid #dedede;
}

.index-tipic{
  position: fixed;
  top: $header-height + 20px;
  .list{
    @extend %border-bottom;
    padding-bottom: 10px;
    .item {
      padding: 4px 20px 4px 4px;
      display: flex;
      align-items: center;
      border-radius: 2px;
      cursor: pointer;
      &:hover{
        background-color: #e1e1e1;
      }
      &:not(:last-child){
        margin-bottom: 6px
      }
      .item-img{
        border-radius: 2px
      }
      .item-name{
        @include maxWidthEllipsis(100px);
        margin-left: 8px;
      }
    }
  }
  .contact-us{
    @extend %border-bottom;
    padding: 10px 0;
    .us-title{
      padding-left: 4px;
      font-size: 16px;
      font-weight: 600;
      color: $grey-3;
    }
    .us-list{
      margin-top: 8px;
      display: flex;
      align-items: center;
      .us-item{
        cursor: pointer;
        &:not(:last-child){
          margin-right: 8px;
        }
      }
    }
  }
  .more-block{
    margin-top: 10px;
    .more-list{ 
      &:not(:last-child){
        margin-bottom: 5px;
      }
      a {
        color: $grey-3;
        @extend %hover;
      }
    }
  }
}